<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content=""/>
    <title>跳转提示</title>
    <style type="text/css">
        * {
            padding: 0;
            margin: 0;
        }

        body {
            background: #fff;
            font-family: '微软雅黑';
            color: #333;
            font-size: 16px;
        }

        .system-message {
            padding: 0 0 50px;
            margin: 5px auto;
            width: 95%;
            border: 1px solid #ccc
        }

        .system-message h3 {
            font-size: 50px;
            font-weight: normal;
            line-height: 120px;
            margin-bottom: 12px;
            border: 1px solid #ccc
        }

        .system-message .jump {
            padding-top: 10px
        }

        .system-message .jump a {
            color: #333;
        }

        .system-message .success, .system-message .error {
            line-height: 1.8em;
            font-size: 23px;
            text-align: center;
        }

        .system-message .detail {
            font-size: 12px;
            line-height: 20px;
            margin-top: 12px;
            display: none
        }

        .system-message .title-box {
            width: 100%;
            background: #eee;
        }

        .system-message .title {
            background: #e57c20;
            border-radius: 0 50px 0 0;
            color: white;
            height: 35px;
            line-height: 35px;
            padding-left: 10px;
            width: 100px;
        }
        img{
            width:50px;
            vertical-align: bottom;

        }
    </style>
</head>
<body>
<div class="system-message">
    <div class="title-box">
        <p class="title">温馨提醒</p>
    </div>
    <div style="padding:24px;">
        <?php switch ($code) {?>
        <?php case 1:?>

        <p class="success">
            <img style="margin-right: 9px;padding-top:10px;"
                 src="__PUBLIC__/static/images/success.png"><span> <?php echo(strip_tags($msg));?></span>
        </p>
        <?php break;?>
        <?php case 0:?>
        <p class="error">
            <img style="margin-right: 9px;padding-top:10px;"
                 src="__PUBLIC__/static/images/error.png"><span> <?php echo(strip_tags($msg));?></span>


        </p>
        <?php break;?>
        <?php } ?>
    </div>
    <p class="detail"></p>
    <div class="jump" style="float:right;padding-right:5px;">
        页面自动 <a id="href" href="{$url} ">跳转</a> 等待时间： <b id="wait">{$wait}</b>
    </div>
</div>
<script type="text/javascript">
    (function () {
        var wait = document.getElementById('wait'),
                href = document.getElementById('href').href;
        var interval = setInterval(function () {
            var time = --wait.innerHTML;
            if(time <= 0) {
                location.href = href;
                clearInterval(interval);
            }

        }, 1000);
    })();
</script>
</body>
</html>